<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Overpass API</title>
</head>
<body>

<h1 style="margin-left:8em"><img src="logo.png" width="500" height="200" alt="Overpass API (Logo)"/></h1>

<div style="min-height:6em; font-family:sans-serif; text-align:center; margin-bottom:0.5em">
<div style="height:6em; width:8em; margin-right:0.5em; color:navy; float:left"><h2>Use</h2></div>
<div style="height:6em; width:12em; background-color:#aaaacc; color:white; margin-right:0.5em; float:left">&nbsp;<br/>POIs showing Maps</div>
<a href="http://wiki.openstreetmap.org/JOSM/Plugins/mirrored_download"><div style="height:6em; width:12em; background-color:navy; color:white; margin-right:0.5em; float:left">&nbsp;<br/>JOSM Plugins</div></a>
<a href="public_transport.html"><div style="height:6em; width:12em; background-color:navy; color:white; margin-right:0.5em; float:left">&nbsp;<br/>Public Transport Diagrams</div></a>
<a href="http://wiki.openstreetmap.org/Overpass_API/Permanent_ID"><div style="height:6em; width:12em; background-color:navy; color:white; margin-right:0.5em; float:left">&nbsp;<br/>Permanent OSM ID</div></a>
</div>

<div style="min-height:6em; font-family:sans-serif; text-align:center; margin-bottom:0.5em">
<div style="height:6em; width:8em; margin-right:0.5em; color:yellow; float:left"><h2>Query</h2></div>
<a href="http://wiki.openstreetmap.org/Overpass_API/Language_Guide"><div style="height:6em; width:12em; background-color:yellow; color:black; margin-right:0.5em; float:left">&nbsp;<br/>Language Guide</div></a>
<a href="query_form.html"><div style="height:6em; width:12em; background-color:yellow; color:black; margin-right:0.5em; float:left">&nbsp;<br/>Query Form</div></a>
<a href="convert_form.html"><div style="height:6em; width:12em; background-color:yellow; color:black; margin-right:0.5em; float:left">&nbsp;<br/>Convert Form</div></a>
<div style="height:6em; width:12em; background-color:#ffffaa; color:#aaaaaa; margin-right:0.5em; float:left">&nbsp;<br/>Areas</div>
</div>

<div style="min-height:6em; font-family:sans-serif; text-align:center; margin-bottom:0.5em">
<div style="height:6em; width:8em; margin-right:0.5em; color:green; float:left"><h2>Employ</h2></div>
<div style="height:6em; width:12em; background-color:#aad5aa; color:white; margin-right:0.5em; float:left">&nbsp;<br/>Output Formats</div>
<div style="height:6em; width:12em; background-color:#aad5aa; color:white; margin-right:0.5em; float:left">&nbsp;<br/>OpenLayers mashup</div>
<div style="height:6em; width:12em; background-color:#aad5aa; color:white; margin-right:0.5em; float:left">&nbsp;<br/>Wiki Links</div>
<div style="height:6em; width:12em; background-color:#aad5aa; color:white; margin-right:0.5em; float:left">&nbsp;<br/>Command Line</div>
</div>

<div style="min-height:6em; font-family:sans-serif; text-align:center; margin-bottom:0.5em">
<div style="height:6em; width:8em; margin-right:0.5em; color:orange; float:left"><h2>Clone</h2></div>
<div style="height:6em; width:12em; background-color:#ffeeaa; color:white; margin-right:0.5em; float:left">&nbsp;<br/>Technical overview</div>
<a href="http://wiki.openstreetmap.org/wiki/OSM3S/install"><div style="height:6em; width:12em; background-color:orange; color:white; margin-right:0.5em; float:left">&nbsp;<br/>No frills</div></a>
<div style="height:6em; width:12em; background-color:#ffeeaa; color:white; margin-right:0.5em; float:left">&nbsp;<br/>Extras</div>
<a href="http://github.com/drolbr/Overpass-API"><div style="height:6em; width:12em; background-color:orange; color:white; margin-right:0.5em; float:left">&nbsp;<br/>Source Code</div></a>
</div>

</body>
</html>
